
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物流程</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="shortcut icon" href="../images/icon/favicon.ico" type="image/x-icon">
    <script src="../js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="../fonts/font_3338310_o0ggw2oq8mm/iconfont.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3341887_v5ua189u5.css">
    <link rel="stylesheet" href="../fonts/font_t9lx61nfif/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_0udkeoxccmi/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_5fjkirtdler/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_1eg6hhy0f66/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_rhj0b91xga/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_ihdmwz7wimq/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_k048tj6y0x/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_ktjznk88kw/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_19tr2764u7a/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_u68198zf2wm/iconfont.css">
<body>  
    <!-- @author:赵振铎
    @Date:2022-4-22; -->
        <!-- 最上面 -->
        <div class="nav_site">
            <!-- 左边的郑州市 -->
            <div class="nav_left">
                <!-- 郑州市地图导航 -->
                <div class="city_choice">
                    <i class="iconfont icon-ditu-dibiao"></i>
                    <span>郑州市</span>

                    <!-- 最难的地图 -->

                    <div class="map">

                        <div class="white_cover3"></div>



                        <div class="city_map">
                            <a href="#" class="block_a">苏州市</a>
                            <a href="#" class="block_a">北京市</a>
                            <a href="#" class="block_a">天津市</a>
                            <a href="#" class="block_a">上海市</a>
                        </div>
                        <div class="english_words">
                            <a href="#">A</a>
                            <a href="#">B</a>
                            <a href="#">C</a>
                            <a href="#">D</a>
                            <a href="#">E</a>
                            <a href="#">F</a>
                            <a href="#">G</a>
                            <a href="#">H</a>
                            <a href="#">I</a>
                            <a href="#">J</a>
                            <a href="#">K</a>
                            <a href="#">L</a>
                            <a href="#">M</a>
                            <a href="#">N</a>
                            <a href="#">O</a>
                            <a href="#">P</a>
                            <a href="#">Q</a>
                            <a href="#">R</a>
                            <a href="#">S</a>
                            <a href="#">T</a>
                            <a href="#">U</a>
                            <a href="#">V</a>
                            <a href="#">W</a>
                            <a href="#">X</a>
                            <a href="#">Y</a>
                            <a href="#">Z</a>
                        </div>
                        <!-- 市区选择 -->
                        <ul class="downtown_choice">
                            <li class="list">
                                <em>A</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>B</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>C</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>D</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>E</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>F</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>G</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>H</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>I</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>J</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>K</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>L</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>M</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>N</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>O</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>P</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>Q</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>R</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>S</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>T</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>U</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>V</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>W</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>X</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>Y</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                            <li class="list">
                                <em>Z</em>
                                <div class="downtown">
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                    <a href="#">美国市</a>
                                </div>
                            </li>
                        </ul>
                    </div>





                </div>
                <!-- 登录注册页面 -->
                <div class="txt_info">
                    <!-- 登录界面 -->
                    <a href="../page/login.html" class="login_red">请登录</a>
                    <!-- 注册页面 -->
                    <a href="../page/register.html" class="regist">免费注册</a>
                    <span class="lyes" style="line-height:25px;font-size:12px; width: 150px;display:none;">Hi， 1raOit-77035</span>
                </div>
            </div>
            <!-- 导航栏的我的订单那一行 我的订单 我的浏览等 -->
            <ul class="nav_right">
                <li>
                    <a href="./my order.html">
                        我的订单
                    </a>
                </li>
                <!-- 这给是中间的竖线 -->
                <li class="spacer"></li>
                <li>
                    <a href="#">
                        我的浏览
                    </a>
                </li>
                <li class="spacer" id="spacer2"></li>
                <li>
                    <a href="./shoucang.html">
                        我的收藏
                    </a>
                </li>
                <li class="spacer"></li>
                <li>
                    <a href="./order.html">
                      客户服务
                    </a>
                </li>
                <li class="spacer"></li>
                <!-- 网站导航 -->
                <li id="last_right_li">网站导航
                    <i class="iconfont icon-arrow-down"></i>
                    <!-- 网站导航下的耳机导航 -->
                    <div class="website_nav">

                        <div class="white_cover1"></div>
                        <dl>
                            <dt>
                                特色主题
                            </dt>
                            <dd>
                                <a href="#">家用电器</a>
                                <a href="#">男装女装</a>
                                <a href="#">鞋靴箱包</a>
                            </dd>
                        </dl>
                        <div id="promotion">
                            <h3>促销活动</h3>
                            <div class="promotion_act">
                                <ul>
                                    <li>
                                        <a href="#">拍卖活动</a>
                                    </li>
                                    <li>
                                        <a href="#">CMS促销</a>
                                    </li>
                                    <li>
                                        <a href="#">优惠券</a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">拍卖活动</a>
                                    </li>
                                    <li>
                                        <a href="#">CMS促销</a>
                                    </li>
                                    <li>
                                        <a href="#">优惠券</a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">拍卖活动</a>
                                    </li>
                                    <li>
                                        <a href="#">CMS促销</a>
                                    </li>
                                    <li>
                                        <a href="#">优惠券</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    <!--  头部购物车  -->
    <div class="bg-header-cart">
        <div class="w w1200">
            <div class="logo">
                <div class="logoImg">
                    <a href="../page/index.html">
                        <img src="../images/index/shop_logo.gif" alt="">
                    </a>
                </div>
                <div class="logotit">
                    购物车（<em class="buy-num">0</em>)
                </div>
            </div>
            <div class="cart-search">
                <input type="text" value="手机" class="search-text">
                <button>
                    <i></i>
                </button>
            </div>
        </div>
    </div>

    <!-- 内容大盒子 -->
    <div class="cart">
        <!-- 头部 -->
       <div class="cart-top">
           <!-- 头部左边 -->
           <div class="cart-top-left">
            <div class="cart-step-item curr">
                <span>1.我的购物车</span>
                <i class="iconfont  icon-iconset0438"></i>
            </div>
            <div class="cart-step-item">
                <span>2.填写订单信息</span>
                <i class="iconfont icon-iconset0438"></i>
            </div>
            <div class="cart-step-item">
                <span>3.成功提交订单</span>
            </div>
           </div>
           <!-- 头部右边 -->
           <div class="cart-top-right">
               <span class="txt">配送至</span>
                <div class="selector">
                    <div class="tit">
                        <span>河南省 郑州市 中原区 林山寨街道</span>
                        <i class="iconfont icon-35_xiangxiajiantou"></i>
                    </div>
                    <div></div>
                </div>
           </div>
           
       </div>
        <!-- 购物车中间 -->
        <div class="cart-wrap">
            <!-- 购物车头部 -->
            <div class="cart-header">
                <ul class="cart-lists" style="height: 50px; background-color: white">
                    <li class="cart-check">
                        <input type="checkbox" id="whole" class="whole-check">
                        <label for="whole"></label><span>&nbsp;全选</span>
                    </li>
                    <li class="cart-con">
                        <p>商品</p>
                    </li>
                    <li class="cart-price">单价(元)</li>
                    <li class="cart-amount">数量</li>
                    <li class="cart-sum">小计</li>
                    <li class="cart-option">操作</li>
                </ul>
            </div>
            <div style="height:80px;text-align:center;line-height:80px; display: none;">购物车中还没有商品，请先添加商品到购物车</div>
            <!-- 购物车店铺 -->
            <div class="cart-box">
                <div class="shop-info">
                    <div class="all-check fl">
                        <!-- 商铺的全选 -->
                        <input type="checkbox" id="showall1" class="shop-check">
                        <label for="showall1"></label>
                    </div>
                    <div class="shop-name">
                        <span>商品自营</span>
                        <i class="iconfont icon-kefu1"></i>
                    </div>
                </div>
                <!-- 购物车列表内容 -->
                <div class="cart-content">
                    <!-- 满减那一行 -->
                    <div class="fullminus">
                        <div class="f-txt">
                           <span class="full-icon">
                               <i class="i-left"></i>"满减"
                               <i class="i-right"></i>
                           </span>
                           活动商品已购满¥1.00元 (
                               <span class="ftx-01">已减¥1.00元</span> )
                               <a href="../page/index.html" class="ftx-05">>再逛逛</a>

                               <span class="ftx-01 mt5">已减¥1.00元</span>
                        </div>
                    </div>
                    <!-- 商品信息 -->
                    <!-- 第一件商品 -->
                    <!-- <ul class="cart-lists">
                        <li class="cart-check">
                            <input type="checkbox" id="check1" class="son-check">
                            <label for="check1"></label>
                        </li>
                        <li class="cart-con">
                            <div class="cart-img">
                                <a href=""><img src="../images/index/0_thumb_G_1489108087695.jpg" alt=""></a>
                            </div>
                            <a href="" class="cart-text fs12">美的【新品发售】 Beats Beats Solo3 Wireless 头戴式无线蓝牙耳机 分期免息 全国联保 免费保修一年</a>
                        </li>
                        <li class="cart-price">
                            <strong class="price">1888.00</strong> 
                            <div class="promotion-info">
                                <a href="" class="sales-promotion">促销活动
                                    <i class="iconfont icon-down"></i>
                                    <div class="promotion-tips">
                                        <img src="../images/index/radio_checked2.png" alt="">
                                        <span>test12/28</span>
                                    </div>
                                </a>
                               
                            </div>
                        </li>
                        <li class="cart-amount">
                            <div class="amount-box">
                                <button class="reduce" disabled>-</button>
                                <input type="text" value="1">
                                <button class="add">+</button>
                            </div>
                            <div class="ftx-03">有货</div>
                        </li>
                        <li class="cart-sum">
                            <strong class="price-sum">1888.00</strong>
                            <div>   </div>

                        </li>
                        <li class="cart-option">
                            <a class="cart-dele">删除</a>
                            <a href="">收藏</a>
                        </li>
                    </ul> -->

                     <!-- 第二件商品 -->
                    <!-- <ul class="cart-lists">
                        <li class="cart-check">
                            <input type="checkbox" id="check2" class="son-check">
                            <label for="check2"></label>
                        </li>
                        <li class="cart-con">
                            <div class="cart-img">
                                <a href=""><img src="../images/index/0_thumb_G_1489105598832.jpg" alt=""></a>
                            </div>
                            <a href="" class="cart-text fs12"> 皮尔瑜伽Galanz/格兰仕 G80F23CN3LN-Q6(WO) 家用微波炉 光波炉 烤箱一体 手机远程操控 一级能效 低至599</a>
                        </li>
                        <li class="cart-price">
                            <strong class="price">599.00</strong> 
                            <div class="promotion-info">
                                <a href="" class="sales-promotion">促销活动
                                    <i class="iconfont icon-down"></i>
                                    <div class="promotion-tips">
                                        <img src="../images/index/radio_checked2.png" alt="">
                                        <span>test12/28</span>
                                    </div>
                                </a>
                               
                            </div>
                        </li>
                        <li class="cart-amount">
                            <div class="amount-box">
                                <button class="reduce" disabled>-</button>
                                <input type="text" value="1">
                                <button class="add">+</button>
                            </div>
                            <div class="ftx-03">有货</div>
                        </li>
                        <li class="cart-sum">
                            <strong class="price-sum">599.00</strong>
                            <div>   </div>
                        </li>
                        <li class="cart-option">
                            <a class="cart-dele">删除</a>
                            <a href="">收藏</a>
                        </li>
                    </ul> -->
                </div>
            </div>
            
            <!-- 购物车底部 -->
            <div class="cart-tfoot">
                <div class="cart-toolbar">
                   <div class="foot-check">
                    <input type="checkbox" id="whole" class="whole-check">
                    <label for="whole"></label><span>&nbsp;全选</span>
                   </div>

                   <div class="operation">
                  <a class="cart-dele">删除选中的商品</a>
                  <a href="">移到我的收藏</a>
                </div>
                <!-- 购物车底部右边 -->
                <div class="foot-right">
                    <div class="amount-sum">
                        已选择<em class="buy-num">0</em>件商品
                    </div>
                    <div class="reduce-sum">
                        <span>以节省:</span>
                        <span class="jiaqian">1.00</span>
                    </div>
                    <div class="pay-price">
                        <span>总结(不包含运费):</span>
                        <span class="sumPrice">0.00</span>
                    </div>
                    <div class="topay">
                       <button class="submit-btn">去支付</button>
                    </div>
                </div>
                </div>
               
            </div>
     </div>

    
      <!-- 猜你喜欢 -->
     <div class="like" >
        <div class="favorite">
            <h3>猜你喜欢</h3>
        </div>
        <div class="picture-list clearfix">
            <ul class="clearfix">
                <li class="opacity_img">
                    <div class="p-img">
                        <img src="../images/index/0_thumb_G_1490173894447.jpg" alt="">
                    </div>
                    <div class="p-price">￥38.00</div>
                    <div class="p-name">
                        <a href="" title="金奥力红叶伞遮阳伞防紫外线黑胶防晒晴雨两用太阳伞女糖果色折叠雨伞大 黑胶防晒 晴雨两用 糖果色 都市..." target="_blank">
                            金奥力红叶伞遮阳伞防紫外线黑胶防晒晴雨两用太阳伞女糖果色折叠雨伞大 黑胶防晒 晴雨两用 糖果色 都市...
                        </a>
                    </div>
                    <div class="p-num">
                        已售
                        <em>36</em>
                        件
                    </div>
                </li>
                <li class="opacity_img">
                    <div class="p-img">
                        <img src="../images/index/0_thumb_G_1490174342632.jpg" alt="">
                    </div>
                    <div class="p-price">￥498.00</div>
                    <div class="p-name">
                        <a href="" title="9871" target="_blank">
                            9871
                        </a>
                    </div>
                    <div class="p-num">
                        已售
                        <em>33</em>
                        件
                    </div>
                </li>
                <li class="opacity_img">
                    <div class="p-img">
                        <img src="../images/index/0_thumb_G_1490174414186.jpg" alt="">
                    </div>
                    <div class="p-price">￥79.00</div>
                    <div class="p-name">
                        <a href="" title="康比特森马针织衫 冬季男圆领套头青年毛衣小清新线衫毛衫纯色韩版学生" target="_blank">
                            康比特森马针织衫 冬季男圆领套头青年毛衣小清新线衫毛衫纯色韩版学生
                        </a>
                    </div>
                    <div class="p-num">
                        已售
                        <em>5</em>
                        件
                    </div>
                </li>
                <li class="opacity_img">
                    <div class="p-img">
                        <img src="../images/index/0_thumb_G_1490173663577.jpg" alt="">
                    </div>
                    <div class="p-price">￥15.00</div>
                    <div class="p-name">
                        <a href="" title="佳沪数码-华为男女韩版纯棉可爱冬季个性防尘情侣口罩保暖透气黑色时尚潮款春 15元一共2个口罩 防尘个..." target="_blank">
                            佳沪数码-华为男女韩版纯棉可爱冬季个性防尘情侣口罩保暖透气黑色时尚潮款春 15元一共2个口罩 防尘个...
                        </a>
                    </div>
                    <div class="p-num">
                        已售
                        <em>3</em>
                        件
                    </div>
                </li>
                <li class="opacity_img">
                    <div class="p-img">
                        <img src="../images/index/0_thumb_G_1536621333045.jpg" alt="">
                    </div>
                    <div class="p-price">￥558.00</div>
                    <div class="p-name">
                        <a href="" title="马克华菲羽绒服男装短款轻薄2018冬季潮流韩版男士羽绒服外套帅气" target="_blank">
                            马克华菲羽绒服男装短款轻薄2018冬季潮流韩版男士羽绒服外套帅气
                        </a>
                    </div>
                    <div class="p-num">
                        已售
                        <em>3</em>
                        件
                    </div>
                </li>
                <li class="opacity_img">
                    <div class="p-img">
                        <img src="../images/index/0_thumb_G_1536543838737.jpg" alt="">
                    </div>
                    <div class="p-price">￥200.00</div>
                    <div class="p-name">
                        <a href="" title="Joyoung/九阳 JYC-21ES55C火锅多功能电磁炉锅智能大功率 " target="_blank">
                            Joyoung/九阳 JYC-21ES55C火锅多功能电磁炉锅智能大功率
                        </a>
                    </div>
                    <div class="p-num">
                        已售
                        <em>2</em>
                        件
                    </div>
                </li>
                
            </ul>
        </div>
     </div>
    </div>

    <!-- 模态框 -->
    <div class="modal-bg"></div>
    <div class="del-kuang">
        <div class="cboxContent">
            <div class="pb-hd">
                <a class="pb-x">✕</a>
                <span class="pb-title">删除</span>
            </div>
            <div class="pb-bd">
                <div class="pb-ct">
                    <div class="tip-box">
                        <span class="m-icon"></span>
                        <div class="item-fore">
                            <h3 class="sc-001">删除商品？</h3>
                            <div class="sc-002">您可以选择移到收藏，或删除商品。</div>
                        </div>
                    </div>
                </div>
                <div class="tip-box">
                    <div class="pb-ft">
                        <a class="pb-ok">删除</a>
                        <a class="pb-c1">移至我的收藏</a>
                    </div>
                </div>
            </div>
        </div>
    </div>



     <!-- 底部公共样式 -->
     <div class="footer">
        <!-- 底部七天包退那行 -->
        <div class="footer_top">
            <!-- 版心 -->
            <div class="footer_top_banner">
                <!-- 左边七天包退到权威荣誉 -->
                <ul>
                    <li>
                        <i class="spirit_pic1"></i>
                        <span>七天包退</span>
                    </li>
                    <li>
                        <i class="spirit_pic1 spirit_pic2"></i>
                        <span>正品保障</span>
                    </li>
                    <li>
                        <i class="spirit_pic1 spirit_pic3"></i>
                        <span>好评如潮</span>
                    </li>

                    <li>
                        <i class="spirit_pic1 spirit_pic4"></i>
                        <span>闪电发货</span>
                    </li>
                    <li>
                        <i class="spirit_pic1 spirit_pic5"></i>
                        <span>权威荣誉</span>
                    </li>
                </ul>
                <!-- 电话咨询客服 -->
                <div>
                    <div class="tel_pic">
                        <i class="spirit_pic1 spirit_pic6"></i>
                        <span>4001-021-758</span>
                    </div>
                    <div class="counsel_pic">
                        <i class="spirit_pic1 spirit_pic7"></i>
                        <span> <a href="#">客服咨询</a> </span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部中间新手上路 -->
        <div class="footer_con">
            <!-- 中间的版心 -->
            <div class="footer_con_banner">
                <!-- 新手上路到会员中心 -->
                <div class="help_list">
                    <!-- 新手上路 -->
                    <div class="help_item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="javascript:;">
                                    售后流程
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                购物流程
                            </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    订购方式
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 配送与支付 -->
                    <div class="help_item">
                        <h3>配从与支付</h3>
                        <ul>
                            <li>
                                <a href="javascript:;">
                                    货到付款区域
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    配送支付智能查询
                            </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    支付方式说明
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 服务保证 -->
                    <div class="help_item">
                        <h3>服务保证</h3>
                        <ul>
                            <li>
                                <a href="javascript:;">
                                    退换货原则
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    售后服务保证
                            </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    产品质量保证
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 练系我们 -->
                    <div class="help_item">
                        <h3>联系我们</h3>
                        <ul>
                            <li>
                                <a href="javascript:;">
                                    网站故障报告
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    选机咨询
                            </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    投诉与建议
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 会员中心 -->
                    <div class="help_item">
                        <h3>会员中心</h3>
                        <ul>
                            <li>
                                <a href="#">
                                    资金管理
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    我的收藏
                            </a>
                            </li>
                            <li>
                                <a href="#">
                                    我的订单
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 二维码 -->
                <div class="qr_code">
                    <!-- 左边第一个二维码 -->
                    <div class="first_code">
                        <div class="first_code_pic">
                            <img src="../images/icon/ecjia_qrcode.jpg " width="104px" height="104px">
                        </div>
                        <div class="code_text">
                            关注微信
                        </div>
                    </div>
                    <!-- 第二个二维码 -->
                    <div class="second_code">
                        <div class="first_code_pic">
                            <img src="../images/icon/ectouch_qrcode.jpg " width="104px" height="104px">
                        </div>
                        <div class="code_text">
                            下载APP
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部的最下面 -->
        <div class="footer_end">
            <p>
                <a href="#">首页</a>
                <span></span>
                <a href="#"> 隐私保护 </a>
                <span></span>
                <a href="#">联系我们 </a>
                <span></span>
                <a href="#">免责条款 </a>
                <span></span>
                <a href="#"> 公司简介 </a>
                <span></span>
                <a href="#">  商家入驻  </a>
                <span></span>
                <a href="#">  供应商入驻  </a>
                <span></span>
                <a href="#"> 意见反馈 </a>
            </p>
            <p>
                <a href="#">b2b2c </a>
                <span></span>
                <a href="#"> 多用户商城系统  </a>
                <span></span>
                <a href="#"> 商城系统 </a>
                <span></span>
                <a href="#"> ecjia新零售 </a>
            </p>
            <p>
                <i>ICP备案证书号:</i>
                <a href="#" id="a_deepcolor">沪ICP备14029880号-5</a>
            </p>
            <p><a href="#" id="a_deepcolor">
                版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL
            </a>
            </p>
        </div>
    </div>
    <script src="../js/cart.js"></script>
    <script src="../js/public.js"></script>
</body>
</html>
